﻿/* CSS Document */
body {font: 12px Tahoma;background-image:url('../images/bg1.jpg');}
.fl{float:left;}
.fr{float:right;}
.border_all{width: 100%;background:#fff url('../images/bg_Header.gif') repeat-x;height:9px;}
.container{width: 1000px;margin: 0px auto;padding: 0; /*border:1px black solid;*/}
.content{float:left;background-color:#fff;opacity:0.9;filter:alpha(opacity=90); /* For IE8 and earlier */}
.container{width: 800px;}
.contentRight{position: relative;float: left;width:570px;}
.footer{width: 800px;margin-top: 10px;float: left;}
.left{width:200px;float:left;position:relative;padding-left:10px;}
.logo{margin-top: 10px; /*float:left;*/}
.logo a img{width:210px;}
.right{width:570px;/*background-color:#CCFFFF;*/float: left;margin-left: 20px;margin-top: 5px;}
.menu{/*float: left;*/margin-top: 50px;border-left: 1px #9D080D solid;}
.copyright{background-color: #EEDEA4;padding: 15px 30px 15px 30px;width: 150px;}
.copyright span{margin-bottom: 5px;font: 9px Tahoma;float: left;}

.theme{width:207px; height:293px;background:#fff url('../images/theme.jpg');float:left;}
.topMenu{float:left;}
.item_menu{background:#fff url('../images/bg_menu.jpg') repeat-x;width:113px;height:35px;float:left;}
.item_menu a{width: 113px;height: 35px;float: left;}
.home_menu{background: url('../images/ico_home.jpg') no-repeat 50px 13px;}
.home_menu:hover{background: url('../images/ico_home_hover.jpg') no-repeat 50px 13px;}
.news_menu{background: url('../images/ico_news.jpg') no-repeat 50px 13px;}
.news_menu:hover{background: url('../images/ico_news_hover.jpg') no-repeat 50px 13px;}
.cart_menu{background: url('../images/ico_cart.jpg') no-repeat 50px 13px;}
.cart_menu:hover{background: url('../images/ico_cart_hover.jpg') no-repeat 50px 13px;}
.cut_menu{background: url('../images/ico_cut.jpg') no-repeat 50px 13px;}
.cut_menu:hover{background: url('../images/ico_cut_hover.jpg') no-repeat 50px 13px;}
.contact_menu{background: url('../images/ico_contact.jpg') no-repeat 50px 13px;}
.contact_menu:hover{background: url('../images/ico_contact_hover.jpg') no-repeat 50px 13px;}
.separate_menu{width:1px;height:35px;float:left;background:#fff url('../images/bg_sep.jpg') repeat-x;}

/* HOME - FORM SEARCH */
.frmSearch{width: 210px;height: 20px;float: left;margin-top: 5px;}
.inputS {width: 170px;height: 17px;background: url(../images/1w.png) repeat-x 0px 0px;padding: 3px 4px 0;overflow: hidden;border: none;float: left;font: 11px tahoma;color: #A0A0A0;border-image: initial;}
.leftS {width: 4px;height: 20px;background: url(../images/2ws.png) no-repeat 0px 0px;overflow: hidden;float: left;}
.inputSubmit {width: 28px;height: 20px;border: none;margin: 0px;padding: 0px;background: url(../images/2ws.png) no-repeat -4px 0px;cursor: pointer;float: left;list-style-type: none;border-image: initial;}
/* FLYOUT MENU*/
.dropdown {display:block; position:relative;width: 195px;outline: none;text-decoration: none;padding: 0px 0px 0px 15px;color: #3A403C;font-size: 16px;font-weight: bold;border-bottom: 1px #D7D7D7 solid;margin-bottom: 0px;margin-top: 0px;}
.dropdown:hover {border-bottom: 1px #9D080D solid;}
.dropdown dt {width:188px; font-weight:bold; cursor:pointer;height: 30px;padding-top: 10px;}
.dropdown .upperdd {border-bottom:none}
.dropdown dt:hover {}
.dropdown dd {position:absolute; top:-6px; overflow:hidden; display:block; background:#fff; opacity:0;}
.dropdown ul {width:204px; border:1px #9D080D solid;; list-style:none;margin: 0px;padding: 0px;}
.dropdown li {display:inline}
.dropdown a, .dropdown a:active, .dropdown a:visited {display:block; padding:5px; color:#727F76; text-decoration:none; width:194px}
.dropdown a:hover {color:#9D080D;}
.dropdown .underline {}
.menu1{color: #3A403C !important;}
/* Home Slider */
#container {width:580px;padding:10px;margin:0 auto;position:relative;z-index:0;}
#example {width:600px;height:350px;position:relative;}
/*	Slideshow  */
#slides {position:absolute;top: 17px;left: 15px;z-index:100;}
.slides_container {width:540px;overflow:hidden;position:relative;display:none;}
.slides_container div.slide {width:540px;height:270px;display:block;}
/*	Next/prev buttons */
#slides .next,#slides .prev {position:absolute;top:0px;left:0px;width:40px;height:270px;display:block;z-index:101;}
#slides .prev {background: url('../images/Slide/prev.png') no-repeat;}
#slides .prev:hover{background: url('../images/Slide/prev_hover.png') no-repeat;}
#slides .next {background: url('../images/Slide/next.png') no-repeat;}
#slides .next:hover{background: url('../images/Slide/next_hover.png') no-repeat;}
#slides .next {left:500px;}
/*	Pagination */
.pagination {margin:2px auto 0;width:100px;padding: 0;}
.pagination li {float:left;margin:0 1px;list-style:none;}
.pagination li a {display:block;width:12px;height:0;padding-top:12px;background-image:url(../images/Slide/pagination.png);background-position:0 0;float:left;overflow:hidden;}
.pagination li.current a {background-position:0 -12px;}
/*	Caption */
.caption {z-index:500;position:absolute;bottom:-35px;left:0;height:30px;padding:5px 20px 0 20px;background:#000;background:rgba(0,0,0,.5);width:500px;font-size:1.3em;line-height:1.33;color:#fff;text-shadow:none;}
.caption p{margin: 0px;}
#frame {position:absolute;z-index:0;width:570px;height:318px;top:1px;left:0px;}
/* Box Hot New - HOME PAGE */
.boxWrap{width:570px;margin-top:320px;}
.boxNew{width:265px;float:left;}
.boxNew_header{font: 18px Arial;color: #464B47;border-bottom: 1px #A51A16 solid;padding-bottom: 3px;}
.boxNew_ul{float: left;overflow: hidden;list-style-type: none;margin: 0px;padding: 0px;margin-top: 5px;}
.boxNew_ul li{background-image: url("../images/red_dot.gif");background-repeat: no-repeat;background-position: 1px 11px;position: relative;border-bottom: 1px #CCC dotted;padding: 4px 0px 3px 10px;width: 255px;}
.boxNew_ul li a{font: 11px tahoma;text-decoration: none;color: #464B47;}
.boxNew_ul li a:hover{color: #A51A16;}
.boxNew_More{float:right;margin-top: 3px;}
.boxNew_More a{font: 10px tahoma;text-decoration: none;color: #464B47;font-weight:bold;}
.boxNew_More a:hover{color: #A51A16}
.clrBorder{border:0px;}
/* Box Hot Product - HOME PAGE */
.boxPro{width:570px;float:left;margin-top: 10px;margin-bottom: 20px;}
.boxPro_ul{float: left;overflow: hidden;list-style-type: none;margin: 0px;padding: 0px;width:610px;}
.boxPro_ul li{float: left;width:305px;margin-top: 10px;margin-bottom: 5px;height: 165px;}
.boxPro_img{width:212px;height:92px;border:1px #ccc solid;float: left;}
.boxPro_img img{width:210px;height:90px;border: 1px white solid;}
.boxPro_title{font: 12px tahoma;text-decoration: none;font-weight: bold;
color: #A51A16;padding: 0px;margin: 5px 0px 0px 5px;width: 205px;float: left;}
.boxPro_desc{font: 10px tahoma;text-decoration: none;color: #3A403C;width: 205px;float: left;margin: 5px 0px 0px 5px;line-height: 13px;}
/*  FORM LOGIN - HOME  */
.formUser{/*margin-top: 41px;*/text-align:center;font: 11px tahoma;color: #464B47;margin-bottom: 10px;}
/*.formUser {
margin-top: 8px;
text-align: center;
font: 11px tahoma;
color: #464B47;
float: left;
width: 208px;
}*/
.formUser span{cursor:pointer;padding-left: 2px;padding-right: 2px;position: absolute;margin-left: 1px;z-index: 3;}
#spLogin{left:45px;z-index: 2;}
.formUser span:hover{color: #A51A16;}
.formLogin{width: 208px;height: 85px;background-color: #fff;position: absolute;display: none;border: 1px solid #A51A16;box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);-webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 5px 5px rgba(0,0,0, 0.5);-khtml-box-shadow: 0px 5px 5px rgba(0,0,0, 0.5);margin-top: 14px;z-index: 1;}
.spLoginInactive{border:none;margin-right:0px;background-color:#fff;}
.spLoginActive{border:1px #A51A16 solid;border-bottom:1px #fff solid;margin-right:-1px;background-color:#fff;}
.closeFormLogin{width:19px;height:21px;float:right;right: 0px;background-image:url('../images/gnome_session_logout.png');}
.tblLogin{width:100%;float:left;}
.tblLogin tr td{text-align:left;}
.txtLogin{font: 11px tahoma;}
.btnFrm {background: url(../images/btnAll.png) no-repeat;border: none;height: 20px;font: 11px tahoma;color:#d3d3d3;cursor:pointer;	padding-right:1px;float: left;width: 70px;}
.btnFrm:hover{color:#fff;}
.w80{width: 80px;}
.w60{width: 60px;}
.rightBtn{width: 4px;height: 20px;background: url(../images/rightBtn.png) no-repeat 0px 0px;overflow: hidden;float: left;}

.webCnt{text-align:center;margin-top: 35px;}
.boxProInfo{float: left;width: 215px;}
.tdTitle{margin-top:0px;width: 170px;font: 12px tahoma;text-decoration: none;color: #3A403C;}
.boxPrice{float: left;width: 170px;margin: 0px 0px 0px 5px;color: #A51A16;font-weight: bold;}
.boxProPrice{margin:0px;font: 12px tahoma;color: #A51A16;text-decoration: underline;padding-left: 5px;font-weight: bold;}
.iconAddCart{background:url('../images/basket_add.png');width:32px;height:32px;float:left;border:0px;cursor:pointer;}
/* Phan trang San Pham*/ 
.wrapNavigator{float: left;border-top: 1px #3A403C dotted;width: 570px;margin-top: 5px;padding-bottom: 5px;border-bottom: 1px #A51A16 solid;margin-bottom: 20px;}
.boxProNavigator{margin: 0;padding: 7px 0 0 0;float:right;}
.separight {background: url("../images/sepa_navpage.gif") no-repeat 100% 50%;padding: 0 5px 0 0;}
.sepaleft {background: url("../images/sepa_navpage.gif") no-repeat 0 50%;padding: 0 0 0 5px;margin-left: 5px;}
.boxProNavigator li {list-style: none;float: left;padding-left: 5px;}
.boxProNavigator li a {font: normal 11px tahoma;color: #707072;text-decoration: none;}
.boxProNavigator li a:hover {text-decoration: underline;}
.boxProNavigator  li .active {}
#current_page{font: normal 12px tahoma;color: #A51A16;font-weight: bold;}
/* Trang tin tuc */
.New_ul{margin:0px;padding-left: 0px;}
.New_ul li{list-style-type: none;float: left;border-bottom: 1px #CCC dotted;width: 100%;padding-bottom: 10px;padding-top:10px;}
.newImg{width: 162px;height: 102px;border: 1px #CCC solid;float: left;margin-right: 5px;}
.newImg img {width: 160px;height: 100px;border: 1px white solid;}
.newTitle{font: 12px tahoma;text-decoration: none;font-weight: bold;color: #A51A16;}
.pDateTime {margin: 3px 0px 5px 0px;}
.timeListHome {font: 11px arial;color: #666;margin: 0px 5px 0px 0px;}
.newDesc{margin: 0px;color: #464B47;}
.newLast{border:0px!important;}
/* BEGIN SLIDE PRODUCT DETAIL */
#products_example {width:300px;height:245px;position:relative;}
/*	Slideshow */
#products {}
/*
	Slides container
	Important:
	Set the width of your slides container
	Set to display none, prevents content flash
*/
#products .slides_container {width:333px;overflow:hidden;float:left;position:relative;border:1px solid #dfdfdf;display:none;background-color: white;}
/*
	Each slide
	Important:
	Set the width of your slides
	If height not specified height will be set by the slide content
	Set to display block
*/
.slides_container a {width:333px;height:245px;display:block;}
/*	Next/prev buttons */
#products .next,#products .prev {position:absolute;top:127px;left:0;width:21px;height:0;padding-top:21px;overflow:hidden;display:block;z-index:101;}
#products .prev {background:url(../img/arrow-prev.png);}
#products .next {left:398px;background:url(../img/arrow-next.png);}
/*	Pagination */
#products .pagination {background: #fff;width: 325px;padding: 5px 5px;float: left;margin-left: 0px;}
#products .pagination li {float:left;margin:2px 4px;list-style:none;}
#products .pagination li a {display:block;width:55px;height:53px;margin:1px;float:left;background:#f9f9f9;padding-top:0px;}
#products .pagination li.current a {border:1px solid #7f7f7f;margin:0;}
.tblImgPro{height:245px;border-spacing: 0px;margin: 0 auto;}
.tblImgProIco{height:53px;border-spacing: 0px;margin: 0 auto;}
.proInfo{width:225px;font: 16px tahoma;font-weight: bold;color: #3A403C;float: left;margin-top: 10px;}
.detailProTitle{border-bottom: 1px #D7D7D7 solid;margin: 0px;padding-bottom: 10px;}
.detailProStock{font: 14px tahoma;font-weight: bold;color: #3A403C;margin: 0px;margin-top: 10px;padding-bottom: 10px;}
.detailProStock .yes{color: #77b800;}
.detailProStock .no{color: #A51A16;}
.detailProPrice{font-weight: normal;margin: 10px 0px 15px 0px;}
.detailProPrice span{font-weight: bold;color: #A51A16;text-decoration: underline;}
.proInfoDetail{float: left;width: 570px;font-family: 'Tahoma';font-size: 10pt;color: #3A403C;line-height: 20px;border-top: 1px #9D080D solid;margin-bottom: 30px;padding-top: 10px;overflow: hidden;margin-top: 10px;}
.btnAddToCart{background:url(../images/btnAddToCart.png);width: 150px;height: 42px;float: left;margin-left: 35px;border: 0px;cursor:pointer;}
.btnAddToCart:hover{background:url(../images/btnAddToCartHover.png);}
.proDesc{float: left;width: 100%;color: #666;}
/* Trang tin tuc chi tiet */
.spanTime{margin-top: 10px;float: left;margin-bottom: 5px;font: 11px arial;color: #65666A;width: 100%;}
.detailNewTop{margin-bottom:10px;float:left;width: 100%;}
.detailNewImg{float:left;width:200px;margin-right:10px;border: 1px white solid;}
.detailNewTitle{font: 16px tahoma;font-weight: bold;color: #3A403C;margin-top: 0px;}
.notice {background: #FDDE80;padding: 10px;box-shadow: 3px 3px 5px #888;float: left;margin-top:10px;width:90%;}
.noticeContent {border: 1px dashed #282828;padding: 10px;font: 13px tahoma;}
/* box khuyen mai trang chi tiet san pham*/
.detailPromo{width:100%;box-shadow: 3px 3px 5px #888;float: left;margin-top: 10px;background: white;}
.detailPromo .header{background: #DDE5E8;font: 12px Arial bold;text-align: center;padding: 2px 0 2px;border-top: 2px #CED7DC solid;color:#9A1F44;}
.detailPromo .content{padding: 3px;font: 13px tahoma;}
/* Style grid Cart trang Gio Hang */
.alt{}
.alt1{background:#fff;}
.imgCart{margin-bottom: 3px;margin-top: 3px;}
.colorEdit{background:#d7d7d7;}
.cartTxtPrice{float:left;margin-right:2px;}
.cartBtnPrice{float:left;margin-top:2px;margin-right:2px;}
.totalBill{float:right;padding-right: 5px;}
.tblMain{box-shadow: 3px 3px 5px #888;}
.frmPay{margin-top:10px;}
.btnPay{background:url(../images/btnGoPay.png);width: 150px;height: 42px;float: right;border: 0px;cursor:pointer;margin-top:10px}
.btnPay:hover{background:url(../images/btnGoPayHover.png);}
/* Trang thanh toan */
.btnBackCart{background:url(../images/btnBackToCart.png);width: 150px;height: 42px;float: right;border: 0px;cursor:pointer;margin-top:10px}
.btnBackCart:hover{background:url(../images/btnBackToCartHover.png);}
.tblPay{color: #464B47;margin-top:10px;}
.tblPay tr td{padding-top:5px;padding-bottom:5px;font-weight: bold;}
.txtInput{border:none;background:none;border-bottom:1px solid #D7D7D7;width: 300px;font: 13px tahoma;color: #A51A16;}
.lblInput {font: 13px tahoma;color: #A51A16;}
.areaInput{font: 13px tahoma;color: #A51A16;width: 300px;height: 100px;border: 1px solid #D7D7D7;background: none;}
.btnSendBill{background:url(../images/btnSendBill.png);width: 150px;height: 42px;border: 0px;cursor:pointer;margin-top:10px}
.btnSendBill:hover{background:url(../images/btnSendBillHover.png);}
/* Trang dang ky tai khoan */
.btnInput, #BoxAlertBtnOk{font: 13px Tahoma bold;text-align: center;background: #F0E0AC;border: 0px;text-decoration: none;padding: 6px 12px;cursor:pointer;}
.submitType{color:/*#0097c9*/#000;}
.submitType:hover, #BoxAlertBtnOk:hover{background:#0097c9;color:#fff;}
.cancelType{color:/*#dc3e33*/#000;}
.cancelType:hover{background:#dc3e33;color:#fff;}
/* Box profile khach hang sau khi dang nhap */
.formCusProfile{width: 100px;height: 65px;left: 76px;background-color: #fff;position: absolute;display: none;border: 1px solid #A51A16;box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);-webkit-box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0px 5px 5px rgba(0,0,0, 0.5);-khtml-box-shadow: 0px 5px 5px rgba(0,0,0, 0.5);margin-top: 14px;z-index: 2;}
.tblProfile{width:100%;float:left;}
.tblProfile a{text-decoration:none;color:#464B47}
.tblProfile a:hover{color:#A51A16;}
.spCusInactive{border:none;margin-right:0px;background-color:#EFEFEF}
.spCusActive{border:1px #A51A16 solid;margin-right:-1px;background-color:#fff;border-bottom: 1px white solid;}
.btnLogout{border:0px;cursor:pointer;color: #464B47;background: white;font: 11px tahoma;padding: 0px;width: 98px;}
.btnLogout:hover{color:#A51A16;}
.smallTxt {font-size: 10px;color: #666;}
/* Trang quan ly don hang cua Khach hang */
.tblChild{border:0px;}
.tblChild tbody tr th{font-size: 11px;font-weight:normal; background-color:#9097A9;color:#fff;}
.tblChild tbody tr td{font-size: 11px;color:#666;}
/* Trang tim kiem */
.searchActive{float:left;background-color:#fff;padding:3px;margin-right:5px;border-top: 2px #CED7DC solid;}
.searchInActive{float:left;padding:3px;padding-top: 6px;text-decoration:none;color:#CED7DC;}
.searchInActive:hover{color:#464B47;}
.searchTitle{border-bottom: 1px #CED7DC dotted;padding: 5px;float: left;width: 560px;text-align: center;}
.txtSearch{height: 22px;border: 1px #CED7DC solid;width: 410px;}
.small{font: 11px Tahoma;padding: 3px 8px;}
/* Header Menu left*/
.headerMenuLeft{font: 18px Arial bold;
    color: #ce9e4a;
    padding-left: 18px;
    background-color: #efe2ae;
    width: 192px;
    float: left;
    padding-top: 5px;
    padding-bottom: 5px;}
.detail_fb{float: left;
margin-top: 10px;}







